<!-- Header -->
	<div class="header-wrapper">
		
		<div class="header main box-center clear-fix">

			<div class="layout-4060 clear-fix">

				<div class="layout-4060-left">	
					<h1><a href="#!main">Black</a> </h1>
					<h5><a href="#!main">White</a></h5>	
				</div>

				<div class="layout-4060-right">
					<ul class="no-list header-menu clear-fix">
						<li class="header-menu-download"><a href="http://graphicriver.net/item/cascade-one-page-resume-template/6200526?ref=quanticalabs" target="_blank">Download CV</a></li>
						<li class="header-menu-phone">0937.0123.81</li>
						<li class="header-menu-mail"><a href="mailto:nqtuan117@gmail.com">nqtuan117@gmail.com</a></li>
					</ul>
				</div>			

			</div>

		</div>
	</div>
	<!-- /Header -->


	<!-- Content -->
	<div class="content main box-center">

		<!-- Cascade -->
		<div class="cascade">

			<!-- Box menu -->
			<ul class="cascade-menu">
				<li id="tab-1" class="blue-info">
					<a href="#!about">
						<span class="title">Thông tin</span>
						<span class="subtitle">Thông tin về tôi</span>
					</a>
				</li>
                <li id="tab-2" class="green-people">
					<a href="#!portfolio">
						<span class="title">Dự án</span>
						<span class="subtitle">Dự án của tôi</span>
					</a>
				</li>
				<li id="tab-3" class="yellow-document">		
					<a href="#!resume">
						<span class="title">Lý lịch</span>
						<span class="subtitle">Hồ sơ cá nhân</span>
					</a>
				</li>
				<li id="tab-4" class="lime-camera">		
					<a href="#!interests">
						<span class="title">Hình ảnh</span>
						<span class="subtitle">Bộ sưu tập hình</span>
					</a>
				</li>
				<li id="tab-5" class="red-mail">		
					<a href="#!contact">
						<span class="title">Liên hệ</span>
						<span class="subtitle">Thông tin liên hệ</span>
					</a>
				</li>
            </ul>
			<!-- /Box menu -->

			<!-- Window -->
			<div class="cascade-window">

				<!-- Close bar -->
				<div class="cascade-window-close-bar">
					<a href="#!main"></a>
				</div>
				<!-- /Close bar -->

				<!-- Page content -->
				<div class="cascade-window-content">
					<div class="cascade-page clear-fix">
											</div>
				</div>
				<!-- /Page content -->

				<!-- Footer -->
				<div class="cascade-window-footer"></div>
				<!-- /Footer -->

			</div>
			<!-- /Window -->

			<!-- Navigation -->
			<a href="#" class="cascade-navigation cascade-navigation-prev"></a>
			<a href="#" class="cascade-navigation cascade-navigation-next"></a>
			<a href="#" class="cascade-navigation cascade-navigation-slider-prev"></a>
			<a href="#" class="cascade-navigation cascade-navigation-slider-next"></a>
			<!-- /Navigation -->

		</div>
		<!-- /Cascade -->

	</div>
	<!-- /Content -->


	<!-- Footer -->
	<div class="footer">

		<hr class="footer-line" />

		<div class="main box-center layout-7030 clear-fix">

			<!-- Latest tweets -->
			<div class="layout-7030-left latest-tweets">
				<div id="latest-tweets"></div>
			</div>
			<!-- /Latest tweets -->

			<!-- Social icons -->
			<div class="layout-7030-right">

				<ul class="no-list social-list-1">
					<li>Connect</li>
					<li><a href="#" class="social-rss"></a></li>
					<li><a href="#" class="social-facebook"></a></li>
					<li><a href="#" class="social-twitter"></a></li>
					<li><a href="#" class="social-google"></a></li>
					<li><a href="#" class="social-skype"></a></li>
				</ul>
				
			</div>
			<!-- /Social icons -->

		</div>

	</div>
	<!-- /Footer -->
	
	<script type="text/javascript">
		
		var page={"about":{"js":"page-1.js","tab":"tab-1","html":"page-1.php","main":1,"title":"Cascade - Personal vCard Template - About Page"},"portfolio":{"js":"page-2.js","tab":"tab-2","html":"page-2.php","main":1,"title":"Cascade - Personal vCard Template - Portfolio Page"},"resume":{"js":"page-3.js","tab":"tab-3","html":"page-3.php","main":1,"title":"Cascade - Personal vCard Template - Resume Page"},"interests":{"js":"page-4.js","tab":"tab-4","html":"page-4.php","main":1,"title":"Cascade - Personal vCard Template - Interests Page"},"contact":{"js":"page-5.js","tab":"tab-5","html":"page-5.php","main":1,"title":"Cascade - Personal vCard Template - Contact Page","meta":{"keywords":"111","description":"222"}}};
		var options={"openStart":"","title":"Cascade - Personal vCard Template","meta":{"keywords":"black, clean, creative, curriculum, curriculum vitae, cv, dark, minimalist, personal, personal profile, personal vcard, portfolio, resume, vcard, virtual card","description":"Cascade is a minimalist personal vCard template based on four vertical menu tabs. The first tab is a typical descriptive about page with slider, the second is a gallery with build-in lightbox, next tab is a personal info page and the last tab is the contact page with working form."}};
		var request='';
		
		$(document).ready(function() 
		{
			$('.cascade').cascade(page,options,request);
		});
		
	</script>